<template>
  <div>
    <van-nav-bar title="个人信息" left-arrow @click-left="onClickLeft" />

    <van-cell title="头像" is-link value="" >
      <van-image
  round
  width="2rem"
  height="2rem"
  src="https://img01.yzcdn.cn/vant/cat.jpeg"
/></van-cell>
    <van-cell title="昵称" is-link value="" />
    <van-cell title="性别" is-link value="" />
    <van-cell title="生日" is-link value="" />
    

   <div style="margin: 16px;">
    <van-button round block type="info" native-type="submit" >确定</van-button>
  </div>
  </div>
</template>

<script>
import { Image } from "vant";
export default {
    components: {
    [Image.name]: Image,
  },
    
    methods: {
        onClickLeft() {
            this.$router.back();
        },
    },
}
</script>

<style  lang="less" scoped>
    
.van-button--round{
    background: #07c160;
    border-radius: 0;
    border: none;
}
</style>